.wrap {
  margin: auto;
  width: 600px;
  text-align: center;
  //   background-color: red;
  .topMenu {
    button {
      margin-right: 10px;
      border: none;
      border-radius: 2px;
      background-color: rgb(104, 204, 220);
      cursor: pointer;
    }
    .active {
      background: rgb(47, 82, 209);
    }
  }
  .content {
    table {
      margin: 20px auto;
      text-align: center;
      border-collapse: collapse;
      word-wrap: break-word;
      word-break: break-all;
      tr {
        td {
          height: 20px;
          width: 20px;
          border: 1px solid #ccc;
          border-width: 3px 2px 1px 2px;
          background-color: rgb(176, 173, 173);
        }
        //雷的格子
        .mine {
          background-image: url(../images/mine.png);
          background-size: cover;
        }
        .flag {
          background-image: url(../images/flag.png);
          background-size: cover;
        }
        .zero {
          background: #fff;
        }
        .one {
          background: #fff;
          color: rgb(79, 128, 0);
        }
        .two {
          background: #fff;
          color: orange;
        }
        .three {
          background: #fff;
          color: yellow;
        }
        .four {
          background: #fff;
          color: blue;
        }
        .five {
          background: #fff;
          color: goldenrod;
        }
        .six {
          background: #fff;
          color: rgb(139, 167, 11);
        }
        .seven {
          background: #fff;
          color: rgb(54, 176, 168);
        }
        .eight {
          background: #fff;
          color: rgb(250, 11, 11);
        }
      }
    }
  }
}
